<template>
  <page-header-wrapper :title="false">
    <a-card title='所有通话'>
      <a-tabs @change="onTabs">
        <a-tab-pane key="4" tab="AX拨号"></a-tab-pane>
        <a-tab-pane key="1" tab="APP拨号"></a-tab-pane>
        <a-tab-pane key="2" tab="软件拨号"></a-tab-pane>
      </a-tabs>
      <nan-fang v-if="currentTab == 1"></nan-fang>
      <kao-la v-if="currentTab == 2"></kao-la>
      <ax-modal v-if="currentTab == 4"></ax-modal>
    </a-card>
  </page-header-wrapper>
</template>

<script>
  import NanFang from './components/NanFang'
  import KaoLa from './components/KaoLa'
  import AxModal from './components/AxModal'
  export default {
    components: {
      NanFang,
      KaoLa,
      AxModal
    },
    name: 'AllCalls',
    data () {
      return {
        currentTab: '4'
      }
    },
    methods: {
      onTabs (key) {
        this.currentTab = key
      }
    }
  }
</script>

<style scoped>
  .font16{
    font-size: 14px !important;
    color: #f36a5a;
  }
</style>
